<include file="../Public/header" />
<div id="content">
    <nosession name="mid">
        <menu id="publicmenu">
            <div class="pure-menu pure-menu-open">
                <ul>
                    <li>
                        <a href="{:U('w3g/Public/home')}">
                            <div class="sidebar-ico sidebar-home"></div>
                            <div>广场</div>
                        </a>
                    </li>
                    <li class="pure-menu-selected">
                        <a href="#login">
                            <div class="sidebar-ico sidebar-login"></div>
                            <div>登录</div>
                        </a>
                    </li>
                    <li>
                        <a href="{:U('w3g/Public/register')}">
                            <div class="sidebar-ico sidebar-register"></div>
                            <div>注册帐号</div>
                        </a>
                    </li>
                    <li>
                        <a href="{:U('w3g/Public/about')}">
                            <div class="sidebar-ico sidebar-about"></div>
                            <div>关于我们</div>
                        </a>
                    </li>
                </ul>
            </div>
        </menu>
    </nosession>
    <div id="people" class="panel pure-form pure-form-stacked ts-padding20" data-title="{$_title}" selected="true" data-footer="none" data-menu="publicmenu" data-load="$.ui.squareContainer();">
        <header>
            <div id="header-buttons">
                <a href="javascript:history.go(-1);">
                    <div id="back" class="header-menu-link" data-back="false">
                    </div>
                </a>
                <div id="messageLink" class="header-menu-link"><a href="{:U('w3g/Index/msgbox')}"><i class="num"></i></a></div>
        <div id="menuLink" class="header-menu-link"></div>
            </div>
            <h1 class="hasback"></h1>
        </header>
        <div id="people_searchinputbox" class="pure-form">
            <div id="search_user">
            <div>
                <input type="text" id="people_searchinput" name="k" class="pure-u-1"/>
            </div>
            </div>
        </div>
        <div class="pure-g" id="people_find_typenav">
            <div class="pure-u-1-4">
            <a href="{:U('w3g/People/cate', array('type'=>'official'))}">
                <div class="people_find_typenavicon"></div>
                <p>推荐</p>
            </a>
            </div>
            <div class="pure-u-1-4">
             <a href="{:U('w3g/People/cate', array('type'=>'area'))}">
               <div class="people_find_typenavicon" style="background-position: 0 -1.5625em"></div>
                <p>地区</p>
            </a>
            </div>
            <div class="pure-u-1-4">
            <a href="{:U('w3g/People/cate', array('type'=>'tag'))}">
                <div class="people_find_typenavicon" style="background-position: 0 -3.125em"></div>
                <p>标签</p>
            </a>
            </div>
            <div class="pure-u-1-4">
            <a href="{:U('w3g/People/cate', array('type'=>'verify'))}">
                <div class="people_find_typenavicon" style="background-position: 0 -4.6875em"></div>
                <p>认证</p>
            </a>
            </div>
        </div>
        <div class="people-tipheader">
            可能感兴趣的人
        </div>
        <div id="people-find-recommend">
        <php>if(empty($interest)):</php>
        <p class="note">暂时没有相关用户</p>
        <php>else:</php>
            <volist name="interest" id="vo">
            <div class="people-find-recommenditem">
                <div class="people-find-recommenditem-avatar ts-listen" data-listen="weibo-userpage-{$vo.userInfo.uid}">
                    <img src="{$vo.userInfo.avatar_middle}" alt="{$vo.userInfo.uname}"/><php>if($vo['group_icon_only']):</php><a href="javascript:;" title="{$vo['group_icon_only']['user_group_name']}" class="group_icon_only"><img alt="{$vo['group_icon_only']['user_group_name']}" src="{$vo['group_icon_only']['user_group_icon_url']}" ></a><php>endif;</php>
                </div>
                <div class="people-find-recommenditem-info ts-listen" data-listen="weibo-userpage-{$vo.userInfo.uid}">
                    <div class="people-find-recommenditem-infoname">{$vo.userInfo.uname|getShort=4}</div>
                    <div class="people-find-recommenditem-infodes">{$vo.info.msg|getShort=12}</div>
                </div>
                <div class="people-find-recommenditem-followbox">
                    <php>if($GLOBALS['ts']['mid'] != $vo['userInfo']['uid']):</php>
                    {:W('FollowBtn', array('fid'=>$vo['userInfo']['uid'], 'uname'=>$vo['userInfo']['uname'], 'follow_state'=>$vo['followState'], 'type'=>'w3g'))}
                    <php>endif;</php>
                    <!--div class="followboxicon"></div> 关注-->
                </div>
            </div>
            </volist>
        <php>endif;</php>
        </div>
        <div id="people-find-recommend-change" onclick="_refresh()">
            换一换
        </div>
    </div>
    <script type="text/javascript">
        ;
        function _refresh(){
            $.ajax({
                type : "GET",
                url : "{:U('w3g/People/refresh')}",
                success : function(data){
                    $('#people-find-recommend').html(data);
                    //重新绑定
                    //initFollow();
                }
            });
        }
        ;
    </script>
<include file="../Public/footer_public" />